技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
0
JS Conf Animation with concept 心得
javascript
css
RocMark
2019-06-10 11:05:02
‧
973 瀏覽
分享至
JS Conf Youtube錄影
Animation purpose
making context clear (突顯內容)
displaying hierarchies (顯現重點為誰)
making usage intuitive (讓使用更直觀)
artificial shortening of waiting time (製造等待時間較短的假象)
Movement Should Be
Natural (自然)
Predictable (可預測)
Comprehensive (廣泛??)
Animation
Has to be restraint(不濫用)
Tell a Story (必須有目的性)
Single Movement (單一動畫執行,多個物件同時動畫,焦點被分散)
Pick a Hero & Who's the sidekick(主角為誰)
Principle Benefit 規範的優點
more structure (更結構化、目的性強烈)
usability test (同樣的動畫有統一的規範)
user centered (以使用者角度作為出發點)
more interdisciplinary exchange (跨學科?)
Developer's Pitfall 開發陷阱
Performance (效能問題)
Critical Rendering Path 瀏覽器渲染流程(重繪重排問題)
GSAP 進階 Animation 框架 (使用框架優化)
參考資料
Summer桑莫 Critical Rendering Path
留言
追蹤
檢舉
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
430
組
團體組數
14
組
累計文章數
3398
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
17th鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
不知道網路紅隊的要去那加公司
Jaspersoft 的資料庫連結 出現錯誤:驅動程式無法使用安全通訊端層 (SSL) 加密建立與 SQL Server 的安全連接。
Outlook 寄件備份消失問題 (已解決)
aws ec2 檢查故障問題
IIS 管理員 連線功能不見
尋求git之外的 高效能本機檔案備份 & 版本管理推薦
請問有人遇過在lightsail上部屬fastapi失敗的案例?
port-forwading到遠程網段
HackerOne的賞金等好久都領不到
熱門回答
不知道網路紅隊的要去那加公司
尋求git之外的 高效能本機檔案備份 & 版本管理推薦
請問有人遇過在lightsail上部屬fastapi失敗的案例?
aws ec2 檢查故障問題
port-forwading到遠程網段
熱門文章
什麼是 Signal ?
序: AI 加速編碼後,你該學什麼?
Signal 的核心概念
第12天,即時通訊軟體選擇 / 金峰滷肉飯 台北名店(台北中正)| 30天滷肉飯
第13天,雲端硬碟軟體選擇 / 吉仔冬瓜肉飯 在地排隊美食(新北土城)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}